/*
  学习目标：使用 useState 声明状态 - 可以在函数组件内声明和改变状态
  语法： const [状态变量，更新状态的函数] useState(初始值)
  步骤：
     1. 导入 useState钩子函数： 声明状态
     2. 调用函数
     3. 解构数组，获取：状态变量，和更新状态的函数
*/

import React, { useState } from 'react';

export default function App() {
  const [count, setCount] = useState(100);
  // console.log('count -----> ', count);
  // console.log('setCount -----> ', setCount);
  return (
    <div>
      我是App - {count}
      {/* setState({ count : count +1}) */}
      {/* setCount() 调用传参，直接传递具体数据即可，不需要包裹成对象 */}
      <button onClick={() => setCount(count + 1)}>点我count+1</button>
    </div>
  );
}
